@import '~antd/dist/antd.css';
*{
    padding:0;
    margin:0;
}
#root{
    height: 100%;
}
a{
    color:#ddd;
}
.ant-menu-item a{
    color:#999!important;
}
a:hover,a:focus{
    text-decoration:none!important;
}


html{
    //隐藏滚动条，当IE下溢出，仍然可以滚动/
    // -ms-overflow-style:none;
    //火狐下隐藏滚动条/
    scrollbar-width: none;
}

::-webkit-scrollbar{
    width: 0px;
    height: 0px;
    // background-color: rgba(74, 97, 204, 1);
  }
  
  /*定义滚动条轨道 内阴影+圆角*/
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(0, 64, 125, .3);
    border-radius: 0px;
    // background-color: rgba(74, 97, 204, 1);
  }
  
  /*定义滑块 内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    box-shadow: inset 0 0 0px rgba(0, 64, 125, .3);
    background-color: rgba(0, 64, 125, .3);
  }

.ant-menu-item-selected{
	background-color: rgba(0,0,0,0)!important;
	color: #00FFFF!important;
}

.my-modal .ant-modal-footer,.mymodals .ant-modal-footer{
	display:none;
}


.ant-layout{
    height: 100%;
}
.ant-layout-sider{
    width:150px!important;
    max-width: 150px!important;
    min-width: 150px!important;
    background:rgb(13,40,65)!important;
}
.card{
    border:0!important;
    background-color:rgba(0,0,0,0)!important;
}
.btn-outline-primary{
    color:#999!important;
    border:1px solid #999!important;
    &:hover{
        background-color:#999!important;
        color:#fff!important;
    }
}
.image_picker .responsive .selected{
    background-color:#999!important;
    opacity:1!important;
}

.defaultStyle{
    width: 360px;
    // height: 992px;
    padding: 0;
    border-radius: 0;
}


.spining{
    width:100%;
    height:340px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.spining-login{
   height:150px;
   width:400px;
   margin-top:50%;
   margin-left:50%;
   position:absolute;
   top:50%;left:50%;
   margin-left:-200px;
   margin-top:-75px;
   display:flex;
   align-items:center;
   justify-content:center;
   border-radius: 10px;
}
.spinTitle{
    display:inline-block;
    margin-right:5%;
    font-size:32px;
    margin-left:5%;
}
.contentLeft{
     width:360px;
     height: 100%;
    .contentLeftTitle{
        display:inline-block;
        font-size:20px!important;
        margin-left:15px;
        cursor: pointer;
    }
    .leftCutLine{
        width:100%;
        height:2px;
        background-color:#ddd;
        margin:3% 3% 5px 0;
    }
}
.contentRight{
    width:68%;
    margin-left:20px;
    margin-right: 20px;
   .contentRightTitle{
        display:inline-block;
        font-size:20px;
        margin-left:15px;
        cursor: pointer;
    }
    .rightCutLine{
        width:100%;
        height:2px;
        background-color:#ddd;
        margin-top:5px
    }
}
div.card-body{
    padding:0!important;
    margin-top:1em;
}
.cr-page .px-3{
    padding:0;
}
.pagination{
    position:absolute;
    z-index:9999;
}
.previous,.next{
    width: 120px;
    height: 40px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    margin-right:20px;
}
.self_sku_ratio .ant-progress-circle-trail{
    stroke:red;
}
.compete_sku_ratio .ant-progress-circle-trail{
    stroke:rgba(0, 255, 255, 1);
}

$dis :inline-block;
.Imgs{
    display:$dis;
    width:20%;

    img {
        cursor: pointer;
    }
}
.ImgsTitle{
    display:$dis;
    width:50%;
    cursor:pointer;
    &:hover{
        color: #00ffff;
    }
    a {
        color: #000;
    }

}
.littleImgs span img:hover{
    cursor: pointer;
    border: 1px solid red;
}



.navbar{
    position: absolute;
    top:64px;
    left:-40px;
    z-index: 10000;
}
.navbar ul{
    list-style: none;
    margin-top:1px;
    margin-left: -30%;
}
.navbar ul li{
    display: flex;
    justify-content: center;
    width:230px;
    height:80px;
    line-height: 100px;
    background-color: #f0f2f5;
}

.Imgs{
    display:inline-block;
    width:30%
}
.Imgs img{
    cursor: pointer;
}
.ImgsTitle{
    display:inline-block;
    width:40%;
    cursor:pointer;
}
.ImgsTitle:hover{
    color: #00ffff;
}
.littleImgs span img:hover{
    cursor: pointer;
    border: 1px solid red;
}

.uploadimg{
    & > div{
        border:0;
        margin : 10px;
    }
}
.pagination{
    height:45px!important;
    margin-top:-25px;
}

.ant-tabs-nav .ant-tabs-tab{
    padding: 12px 0;
    color: rgba(0,0,0,0.65);
    &:hover{
        color: rgba(0,0,0,0.85);
    }
}
.ant-menu-inline{
    background:rgb(13,40,65);
    border:0;
}
 .user-manage table{
    tr > th{
        text-align:center!important;
    }
    tr > td{
        text-align:center!important;
    }
 }
 .ant-modal-body{
    padding:0!important;
 }
 .ant-modal-confirm-body-wrapper{
     padding: 10px;
 }
 .ant-btn-primary{
     background-color: rgb(62, 92, 125)!important;
     border:0;
 }
 .uploadimg {
    div{
        border-style:none!important;
        display:inline-block;
        height:100px!important;
        width:80px!important;

    }
 }
.ant-confirm-body-wrapper{
    padding:10px;
}

.sku-none{
    width:100px;
    height:120px;
    border:2px solid #ddd;
}
.sku-exist{
    width:100px;
    height:120px;
    border:2px solid #ddd;
}
.my-icon,.my-icon svg{
    font-size:20px;
    margin-top:-10px;
}
.my-icon_add{
    font-size:15px;
    // margin-top:-10px;
    vertical-align: text-bottom; 
}
.ant-spin-dot-spin i {
    background-color:rgb(62, 92, 125);
}
.ant-spin-text{
    color:rgb(62, 92, 125);
}
.col{
    padding: 0;
}

.user-manage table tr > th{
    padding: 10px 0;
    min-width: 5%;
}
.user-manage table tr > td{
    // padding: 16px 0;
}
.ant-card-bordered{
    border: 0!important;
}
.ant-card-body{
    padding:0;
}
.ant-card-meta-title{
    padding:  12px 0!important;
}
.ant-tabs-nav .ant-tabs-tab{
    padding:  0 0 24px 0!important;
}
.ant-progress-circle-trail{
    stroke: #fb7700!important;
}
.ant-progress-circle-path{
    stroke: #406bca!important;
}
.ant-layout-header{
    padding: 0!important;
}
.contentRightDefault{
    display:flex;
    flex-direction:column;
    text-align:center;
    align-content:space-between;
    height:100%;
}
.uploadButton{
    border-radius: 0;
}
.sukinfos{
    display:flex;
    justify-content:space-around;
    border:1px solid #ddd;
    height:40px;
    margin:10px 0;
    align-items:center;
    div{
        width:20%;
        text-align:center;
    }
}
.sku_infos{
    width:33.3%;
    text-align: left;
}
.my-tables{
    width:100%;
}
.ant-tabs-nav-scroll{
    text-align: left;
}
.ant-tabs-content{
    height: 90%;
}
.resultinfos{
    // height:100%;display:flex;flexDirection:"column",justifyContent:'center'}}
}
.ant-menu-item-selected{
    background-color: rgb(62, 92, 125)!important;
}
.anticon-user{
    vertical-align: 0!important
}
.ant-layout-sider{
    height: 100%!important;
}
.my-datepicker-style{
    input{
        height: 25px!important;
    }
}
.my-canves{
    position:absolute;
    opacity:0.8;
    left:0;
    top:0;
    // background:red,
}
.my-canves-1{
    display: none;
}
.my-active{
    background: #406bca;
    color:#fff;
}
//批量检测
#components-tabs-demo-card-top .code-box-demo {
    background: #ececec;
    overflow: hidden;
    padding: 24px;
  }
  .card-container > .ant-tabs-card > .ant-tabs-content {
    height: 100%;
    margin-top: -16px;
  }
  .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
    background: #fff;
    height: 100%;
  }
  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    border-color: transparent;
    width:145px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: hsla(0, 0%, 78%, 1);
  }

  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
    border-color: #fff;
    font-weight: bold;
    background: hsla(209, 67%, 15%, 1);
  }

  .batchDetail-tabbar{
    .ant-tabs-bar {
      border:none!important;
    }
  }

  .add-new-btn{
    height:45px;
    width: 160px!important;
    font-size: 18px;
  }

  .add-new-btn a{
      color: #fff!important;
  }

  .ant-upload{
    margin-bottom:20px;
  }

  .ant-btn{
    // height:45px;
    // width: 135px;
    // font-size: 18px;
    border-radius: 6px;
  }

  .detailModal{
    .ant-btn{
        background-color:#368FFF;
        color:#fff;
    }
    .ant-btn-primary{
        display: none;
    }
  }

   .mymodals {
    .ant-modal-title{
        color: #fff;
    }
    .ant-modal-close{
        color: #fff;
    }
    .ant-modal-content{
        margin:80px auto!important;
        height: 400px;
        width: 996px!important;
      }
      .ant-modal-header{
        color: #fff!important;
        background:hsla(209, 67%, 15%, 1)!important;
    }
   }
  .addBatchModal{
    .ant-modal-content{
      margin:80px auto;
      width: 996px;
    }
   
    .ant-modal-header{
      padding-top: 80px;
      text-align: center;
      border: none!important;
    }

    .ant-modal-title{
      font-size: 24px;
      color: #4A4A4A;
    }

    .ant-modal-body{
      margin-top: 50px;
      text-align: center;
      font-size: 20px;
    }

    .ant-modal-footer{
      text-align: center;
      margin-top: 120px;
      border: none!important;
    }

    .ant-modal-footer div{
      margin-bottom: 50px;
    }

    .ant-modal-footer div button{
      font-size: 20px;
      width:145px;
      height:55px;
      margin:0 80px;
    }

    .ant-modal-footer div button:nth-child(2){
      background-color: #368FFF!important;
    }
  }

.uploadProcessing{
  .ant-progress-outer{
    width: 90%!important;
    margin: auto;
  }
}

.detect-detail{
  .ant-table-row :last-child{
    color:red;
  }
}
.login{
    // background-image: url('./assets/img/bg.png');
    // background-repeat:no-repeat;
    background-size: cover;
}
// .batchTest .ant-table-tbody > tr > td{
//     padding: 16px 16px!important;
// }
//switch 组件默认颜色重写
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){
  background: #0d2740!important;
  border-color:#0d2740!important;
}

.recordTable{
    min-height: 700px;
}
.myuploads {
    .ant-upload.ant-upload-select-picture-card, .ant-upload-list-picture-card .ant-upload-list-item{
        width:100px!important;
        height: 100px!important;
    }
}

.myupload {
    .ant-upload.ant-upload-select-picture-card, .ant-upload-list-picture-card .ant-upload-list-item{
        width:300px!important;
        height: 300px!important;
    }
}
.onlineserve{
    .ant-table-pagination.ant-pagination {
        width: 100%;
        text-align: center;
    }
}

.ant-table-thead > tr{
    background: rgba(250,250,250,0.1)!important
}

.ant-descriptions-row > td{
    padding:10px 10px;
}

//sku详情表单label文本居中
.ant-form-item-label{
    text-align: center
}
.ant-menu-inline{
    background-color: #fff;
    border-right: 1px solid #fff ;
  }
  .ant-layout-sider {
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    background: #fff !important;
  }
  .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
    border-right: 1px solid #fff!important;
  }
  .ant-menu-item-selected {
    background-color: #f9f9f9 !important;
    //border-right: 1px solid #1C0072 !important;
    color: #1C0072;
  }
  .detail_button{
      text-decoration: underline;
      color: blue;
      text-align:left;
      cursor:pointer;
  }
  .rstart{
    text-decoration: underline;
    color: green;
    text-align:left;
    cursor:pointer;
    margin-left: 5px;
  }
  button.ant-btn.login-form-button.ant-btn-primary{
    width: 190px;
  }

   
  @media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){
    /*iphone6*/
    .onlineTitle{
     font-size:16px;
     // justify-content:space-between;
     min-height:50px;
     // display:flex;
     align-items:center;
     padding:0 10px 10px 10px;
     width: 100%;
    }
    .resultLineImage{
     overflow: auto;
     height: 300px;
     position: relative;
     margin: 0 auto;
     border: 0.5px solid #ddd;
     margin: 20px;
     display: flex;
     align-items: center;
   }
    .headerMeida{
     background:rgb(13,40,65);
     height:50px;
     text-align:right;
     padding-right:20px;
     line-height:55px;
     position:fixed;
     margin-left:-150px;
     width:140%;
     z-index:2000;
     z-index: 999999999;
   }
    .avatar-uploader{
      width:300px;
    }
    .uploadDiv{
     width:100%;
     height:100%;
     display:flex;
     justify-content:center;
     align-items:center;
    }
    .UploadImage{
       width:300px;
    }
    .skuResultRight{
       width: 90%; 
       overflow:auto;
       float:left;
     }
     .skuResultLeft{
       flex-direction:column;
       font-size:14px;
       width:90%;
       overflow: hidden;
       float:left;
       justify-content:center;
       align-items:center;
     }
     
     .resultImageSuc{
       position:relative;
       min-height:300px;
       min-width:200px;
       // margin: 0 auto;
       display: block;
     }
     .resultImageLine{
       position: relative;
       min-height:500px;
       min-width:350px;
       height: 100%;
       width: 100%;
       margin: 0 auto;
       display: block;
     }
   }
   
   @media(min-device-width:414px)and(max-device-width:700px)and(-webkit-min-device-pixel-ratio:2){
     .headerMeida{
       background:rgb(13,40,65);
       height:50px;
       text-align:right;
       padding-right:20px;
       line-height:55px;
       position:fixed;
       margin-left:-150px;
       width:140%;
       z-index:2000;
       z-index: 999999999;
     }
     .avatar-uploader{
       width:300px;
     }
     .uploadDiv{
      width:100%;
      height:100%;
      display:flex;
      justify-content:center;
      align-items:center;
     }
     .UploadImage{
        width:300px;
     }
     .skuResultRight{
        width: 90%; 
        overflow:auto;
        float:left;
      }
      .skuResultLeft{
        flex-direction:column;
        font-size:14px;
        width:90%;
        overflow: hidden;
        float:left;
        justify-content:center;
        align-items:center;
      }
      .resultImageSuc{
        position:relative;
        min-height:300px;
        min-width:200px;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        display: block;
      }
      .resultLineImage{
       overflow: auto;
       height: 300px;
       position: relative;
       margin: 0 auto;
       border: 0.5px solid #ddd;
       margin: 20px;
       display: flex;
       align-items: center;
     }
      .resultImageLine{
        position: relative;
        min-height:500px;
        min-width:350px;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        display: block;
      }
   /*iphone6plus*/
   
   
   }
 

